﻿.box {
	float: left;
	height: 10px;
	width: 10px;
	margin-top: 6px;
	margin-right: 3px;
	border: 1px solid black;
	clear: both;
}

/************************************** simbologia1 **************************************************************************************/
.simbologia1.nivel-muybaja {
	background-color: rgb(255, 242, 242);
}

.simbologia1.nivel-baja {
	background-color: rgb(255, 161, 161);
}

.simbologia1.nivel-moderada {
	background-color: rgb(255, 51, 51);
}

.simbologia1.nivel-alta {
	background-color: rgb(204, 0, 0);
}

.simbologia1.nivel-muyalta {
	background-color: rgb(128, 0, 9);
}

.simbologia1.nivel-sininfo {
	background-color: rgb(170, 170, 170);
}

/************************************** simbologia2 **************************************************************************************/
.simbologia2.nivel-muybaja {
	background-color: rgb(233, 255, 234);
}

.simbologia2.nivel-baja {
	background-color: rgb(157, 236, 164);
}

.simbologia2.nivel-moderada {
	background-color: rgb(0, 218, 0);
}

.simbologia2.nivel-alta {
	background-color: rgb(0, 162, 0);
}

.simbologia2.nivel-muyalta {
	background-color: rgb(0, 119, 0);
}

.simbologia2.nivel-sininfo {
	background-color: rgb(170, 170, 170);
}

/************************************** simbologia3 **************************************************************************************/
.simbologia3.nivel-muybaja {
	background-color: rgb(238, 226, 251);
}

.simbologia3.nivel-baja {
	background-color: rgb(212, 181, 245);
}

.simbologia3.nivel-moderada {
	background-color: rgb(167, 110, 229);
}

.simbologia3.nivel-alta {
	background-color: rgb(115, 37, 200);
}

.simbologia3.nivel-muyalta {
	background-color: rgb(79, 2, 161);
}

.simbologia3.nivel-sininfo {
	background-color: rgb(170, 170, 170);
}

/************************************** simbologia4 **************************************************************************************/
.simbologia4.nivel-muybaja {
	background-color: rgb(173, 216, 230);
}

.simbologia4.nivel-baja {
	background-color: rgb(144, 238, 144);
}

.simbologia4.nivel-moderada {
	background-color: rgb(238, 238, 2);
}

.simbologia4.nivel-alta {
	background-color: rgb(237, 132, 5);
}

.simbologia4.nivel-muyalta {
	background-color: rgb(208, 2, 2);
}

.simbologia4.nivel-sininfo {
	background-color: rgb(170, 170, 170);
}